<template>
  <div class="productInvent">
    <stitle :bg="bg" text="当日库存统计(按产品) " :type="0" />
    <div class="tablecon">
      <el-table :data="tableData" style="width: 100%" height="145px">
        <el-table-column prop="name" label="名称" width="70px">
        </el-table-column>
        <el-table-column prop="kc" label="本次库存" width="80px"> </el-table-column>
        <el-table-column prop="pd" label="上月盘点" width="80px"> </el-table-column>
        <el-table-column prop="ck" label="仓库" width="70px">
        </el-table-column>
        <el-table-column label="操作" width="50px">
          <template slot-scope="scope">
            <i style="color:#0082FF" class="el-icon-s-order" @click="handleClick(scope.row)"></i>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
import stitle from "@/components/common/stitle";
export default {
  name: "productInvent",
  components: {
    stitle,
  },
  data() {
    return {
      bg: require("@/assets/images/DispatchCommand/stitle.png"),
      tableData: [
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
        {
          name: "超力福",
          kc: "2000",
          pd: "2400",
          ck: "仓库A",
        },
      ],
    };
  },
  methods: {
      handleClick(){}
  },
  mounted() {},
  computed: {},
};
</script>

<style lang="scss"  scoped>
.productInvent {
  width: 100%;
  padding-right: 70px;
  box-sizing: border-box;
}
</style>